<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>{$title}</title>
<link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/product_list.css?v=2013-12-01">
<link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website_header_1.css?v=201312021">
<link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website_footer_1.css?v=201312011">
</head>
<body>
<notempty name="headerTpl">
<div class="lay_header" style="height: 45px">
    <div class="lay_toptab mod_tab" id="lay_head">
        <div class="tab_item go_back"><i class="qb_icon_cs icon_goback" onclick ="history.go(-1);"></i></div>
        <a class="tab_item tab_item_logo" href="{$header[0]['url']}">
            <img src="{$header[0]['picurl']}" style="width: 132px; max-height:44px;"></a>
        <a class="tab_item" href="{$header[1]['url']}">
        	<i class="qb_icon_cs" style="background-image:url('{$header[1]['picurl']}'); background-size:100% 100%;"></i>
        </a>
        <a class="tab_item" href="{$header[2]['url']}">
        	<i class="qb_icon_cs" style="background-image:url('{$header[2]['picurl']}'); background-size:100% 100%;"></i>
        	<i class="qb_icon_cs icon_number_bubble qb_none"></i>
        </a>
    </div>
    <div class="lay_toptab mod_tab fixed qb_none" id="lay_head_fixed">
        <div class="tab_item go_back"><i class="qb_icon_cs icon_goback" onclick ="history.go(-1);"></i></div>
        <a class="tab_item tab_item_logo" href="{$header[0]['url']}">
            <img src="{$header[0]['picurl']}" style="width: 132px; max-height:44px;"></a>
        <a class="tab_item" href="{$header[1]['url']}">
        	<i class="qb_icon_cs" style="background-image:url('{$header[1]['picurl']}'); background-size:100% 100%;"></i>
        </a>
        <a class="tab_item" href="{$header[2]['url']}">
        	<i class="qb_icon_cs" style="background-image:url('{$header[2]['picurl']}'); background-size:100% 100%;"></i>
        	<i class="qb_icon_cs icon_number_bubble qb_none"></i>
        </a>
    </div>
</div>
</notempty>
<div class="lay_page page_cat_2" id="page_cat_2">
	<div class="lay_page_wrap">
	<div class="module">
		<volist name="ModuleArticles" id="module"  mod="2"> 
			<div class="clearfix" style="position: relative;">
			<a href="{$module.url}">
				<eq name="mod" value="0">
					<div style="float: left; height: 160px; width: 50%;">
						<img width="100%" height="100%" src="{$module.picurl}">
					</div>
					<if condition="$module['color'] neq ''">
						<div style="background: {$module.color}; margin-left: 50%; height: 160px;">
					<else /><div style="background: #ffe0e0; margin-left: 50%; height: 160px;">
					</if>
				</eq>
				<eq name="mod" value="1">
					<div style="float: right; height: 160px; width: 50%;">
						<img width="100%" height="100%" src="{$module.picurl}">
					</div>
					<if condition="$module['color'] neq ''">
						<div style="background: {$module.color}; margin-right: 50%; height: 160px;">
					<else /><div style="background: #000; margin-right: 50%; height: 160px;">
					</if>
				</eq>
					<div style="overflow: hidden; height: 100%;">
						<div style="display: table; width: 100%; height: 100%;">
							<div style="display: table-cell; vertical-align: middle;">
								<p style="text-align: center; color: #ffffff; font-family: Microsoft Yahei; font-size: 20px; font-weight: normal;">
									{$module.title}
								</p>
								<p style="text-align: center; color: #ffffff; font-family: Microsoft Yahei; font-size: 12px;">
									{$module.subtitle}
								</p>
								<div style="text-align: center;">
									<div style="display: inline-block; width: 8px; height: 8px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</a>
			</div>
			<eq name="mod" value="0">
				<if condition="$module['color'] neq ''">
					<div style="position: absolute; top: 50%; margin-left: -8px; margin-top: -8px; border-right-color: {$module.color}; right: 50%"
						class="triangle_left_8"></div>
				<else />
					<div style="position: absolute; top: 50%; margin-left: -8px; margin-top: -8px; border-right-color: #ffe0e0; right: 50%"
						class="triangle_left_8"></div>
				</if>
			</eq>
			<eq name="mod" value="1">
				<div style="position: absolute; top: 50%; margin-right: -8px; margin-top: -8px; border-left-color: #000; right: 50%"
					class="triangle_right_8"></div>	
			</eq>
			<div style="height: 0px; background: #000000"></div>
		</volist>
		</div>
		<hr class="qb_hr">
		<notempty name="footerTpl">
			<div class="lay_footer qb_tac qb_fs_s mod_mb15">
				<div class="fn_quicklinks">
					<volist name="footer" id="ft">
						<a class="mod_color_weak" href="{$ft.url}">{$ft.title}</a>
						<if condition="$i neq count($footer)">
						<span class="mod_color_comment">|</span>
						</if>
					</volist>
				</div>
			</div>
		</notempty>
	</div>
</div>
<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto_product.js?v=201401121"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
<script type="text/javascript">
	wx_share.init({
		"title":"{$title}",
		"desc":'{$shareinfo}',
		"link":location.href,
		"imgUrl": '{$sharepicurl}',
		"pkg":{
			"appId": '{$pkg.appId}',
			"timestamp": '{$pkg.timestamp}',
			"nonceStr": '{$pkg.nonceStr}',
			"signature": '{$pkg.signature}'
		},
		success:function(config,shareType){
		}
	});
</script>
</body>
</html>
